<template>
  <div class="leftContainer">
    <div class="box"></div>
    <!-- <bar-char :chartData="barChartData" :width="'400px'"/>
    <line-char :chartData="lineChartData"/>
    <rose-char/> -->
  </div>
</template>
<script>
import BarChar from './echart/BarChar.vue';
import LineChar from './echart/LineChar.vue';
import RoseChar from './echart/RoseChar.vue';

export default {
  components: { BarChar, LineChar, RoseChar },
  name: "LeftContainer",
  data() {
    return {
       barChartData: {
        days: ['11.21', '11.22', '11.23', '11.24', '11.25', '11.26', '11.27'],
        data1: [100, 120, 161, 134, 105, 160, 165],
        data2: [120, 82, 91, 154, 162, 140, 145]
      },
      lineChartData: {
        expectedData: [4, 9, 12, 11, 5, 2, 9],
        actualData: [10, 4, 3, 11, 13, 10, 7]
      }
    };
  },
  methods: {
  },
  mounted() {
  },
};
</script>
<style lang="less" scoped>
.leftContainer {
  width: 757px;
  height: 995px;
  background: url("../assets/images/Leftbottom.png") no-repeat;
  background-size: 100% 100%;
}
.box{
  width: 200px;
  height: 200px;
  background-color: aliceblue;
}
</style>